<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://cdn.bootcdn.net/ajax/libs/js-cookie/3.0.1/js.cookie.min.js"></script>
  <link rel="stylesheet" href="../css/detail.css">
  <script src="../js/api.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.27.2/axios.min.js"></script>
  <link rel="stylesheet" href="../images/font_1mobknfds93/iconfont.css">
  <title>详情页</title>
</head>

<body>
  <!-- 导航栏 -->
  <div class="headerBox">
    <div class="header">
      <div class="headerImg"></div>

      <div class="login-header" style="display: block;">
        <div class="login">注册</div>
        <span>|</span>
        <div class="reg">登录</div>
      </div>

      <div class="login-header" id="next" style="display: none;">
        <div class="login info">欢迎gjku</div>
        <span> | </span>
        <div class="reg out">注销</div>
      </div>
      <div class="search">
        <input type="text" class="placehoders-custom" placeholder="请输入您要搜索的商品或店铺">
        <span class="iconfont icon-sousuo"></span>
      </div>
    </div>
  </div>
  <nav>
    <div class="navBox">
      <!-- 106*46 -->
      <div class="navA">
        <a href="#" class="nav-active">首页</a>
        <a href="#">萌物库</a>
        <a href="#">品牌馆</a>
        <a href="#">同袍社区</a>
        <a href="#" class="car">购物车</a>
      </div>

      <a href="#" id="store"><span class="store-img"></span>店铺入住</a>
    </div>
  </nav>
  <!-- 详情 -->
  <div class="mainBox">
    <!-- 大盒子上边的小盒子 -->
    <div class="proInfo">
      <div class="info">
        <!-- 小盒子左边 -->
        <div class="left">
          <div class="leftImg">
            <!-- <img src="https://pic.hanfugou.com/web/2022/4/22/21/33e0bee2802346aea8dd21570bdc9d42.jpg_lo450.jpg"
              class="img_pro_head" alt="十九觅2022年4周年店庆款【凝珠】7件套"> -->
          </div>
        </div>
        <!-- <div class="car">
          <a href="#" title="购物车" target="_blank">
            <span></span>
          </a>
        </div> -->
        <!-- 小盒子右边 -->
        <div class="right">
          <p class="title">
            <!-- 十九觅2022年4周年店庆款【凝珠】7件套 -->
          </p>
          <div class="price_box">
            <div class="price">
              <i>￥</i><span class="now_price">
                
              </span>
            </div>
            <div class="fr mr10">
              <p class="sales">交易成功：<i>30</i></p>
            </div>
          </div>

          <div class="sku_box">
            <div class="top">
              <div class="size">
                <p>样式</p>
              </div>
              <div class="img">
                <!-- <img src="https://pic.hanfugou.com/web/2022/4/22/21/33e0bee2802346aea8dd21570bdc9d42.jpg" alt=""> -->
              </div>
            </div>
            <div class="bottom">
              <span class="tit">尺码</span>
              <div class="sku_list">
                <ul class="sku_size_ul">
                  <li><a data-id="285">XS</a></li>
                  <li><a data-id="3">S</a></li>
                  <li><a data-id="4">M</a></li>
                  <li><a data-id="2">L</a></li>
                </ul>
              </div>
            </div>
          </div>
          <div class="kucun">
            <div class="buycount">
              <span class="tit">库存</span>
              <span class="fl f12 mt5 ml10"><i class="this_stock">49</i>件</span>
            </div>
          </div>
          <div class=""></div>
          <div class="buybtn">
            <!-- <a class="gobuy open_spread">立即下单</a>
            <a class="addcart open_spread"><span></span>加入购物车</a> -->
          </div>
          <!-- 数量框 -->
          <div class="number">
            <span class="reduce">-</span>
            <input class="count-input" type="text" value="1" />
            <span class="add">+</span>
          </div>

          <div class="save_line">
            <a class="pro_save fl mr20">
              <span class="iconfont icon-icon"></span>
              <span class="text">种草</span>（
              <span class="count">55</span>人已种 ）
            </a>
          </div>

        </div>

      </div>
      <!-- 下方大盒子下方小盒子 -->
      <div></div>
    </div>
  </div>
  <!-- 回到顶部 -->
  <div class="toTop" style="display: none;">
    <span class="iconfont icon-ico-top"></span>
  </div>
  <!-- 页脚 -->
  <div class="footerBox">
    <div class="footer">
      <div class="footerUl">
        <a href="#">关于我们</a>
        <li>|</li>
        <a href="#">商家入驻</a>

        <li>|</li>
        <a href="#">入驻协议</a>

        <li>|</li>
        <a href="#">新手指南</a>

        <li>|</li>
        <a href="#">商务合作</a>

        <li>|</li>
        <a href="#">汉服荟</a>
      </div>

      <div class="footerSpan">
        <img src="../images/ebs_icon.png" alt="">
        CopyRight ©2014 ~ 2022 深圳市汉服荟网络科技有限公司 版权所有 粤ICP备14046913号-1 电话：0755-21503399
      </div>
    </div>
  </div>
  <script src="../js/detail.js"></script>

</body>

</html>